<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>虾爬の</title>
    <meta name="baidu-site-verification" content="codeva-IvxAy9OjQ7" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" content="远意的博客">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">

    <link rel="icon" href="/_media/favicon.ico">

    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/docsify@4/lib/themes/vue.css">

    <!-- 不蒜子计数 -->
    <!-- http://ibruce.info/ -->
    <script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>

    <!-- Gitalk，一个现代化的，基于Preact和Github Issue的评论系统。 -->
    <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/gitalk/dist/gitalk.css">
    <link rel="stylesheet" href="./index.css">

    <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/external-script.min.js"></script>

    <!-- 百度统计 -->
    <script src="https://hm.baidu.com/hm.js?af1378cb4305d2a8a0bc6341d2fe27cf"></script>
    <!-- <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?af1378cb4305d2a8a0bc6341d2fe27cf";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script> -->

    <!-- Font Awesome 支持 xiapazhi/live2d-widget 看板娘 -->
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"> -->

    <!-- 数学表达式支持 -->
    <link href="https://cdn.bootcss.com/KaTeX/0.10.0/katex.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/KaTeX/0.10.0/katex.min.js"></script>

    <!-- 赫蹏（hètí）是专为中文内容展示设计的排版样式增强 -->
    <!-- https://github.com/sivan/heti -->
    <!-- https://sivan.github.io/heti/ -->
    <!-- <link rel="stylesheet" href="//unpkg.com/heti/umd/heti.min.css"> -->

    <!-- 自定义滚动条 -->
    <style>
        /* 自定义滚动条 */
        ::-webkit-scrollbar {
            width: 4px;
        }

        /*定义滚动条轨道 内阴影+圆角*/
        ::-webkit-scrollbar-track {
            border-radius: 10px;
            background-color: #d8d8d8;
        }

        /*定义滑块 内阴影+圆角*/
        ::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
            background-color: rgba(0, 0, 0, 0.1);
        }
    </style>
</head>

<body id="BODDY" onclick="hideNote()">
    <!-- 定义导航栏  // 文档的链接都要以 #/ 开头。-->
    <nav class="content"
        style="position: fixed; margin: 0; background-color: #fffffff6; padding: 12px 32px; height: 50px;">
        <!-- 不蒜子计数 -->
        <p style="display: inline-block; float: left;" title="运行时间">
            <span id="start_time_difference"> 计算中... </span>
        </p>
        <p style="display: inline-block; float: left;" title="访问人次">
            <span id="busuanzi_value_site_uv"> 很多</span> 次装载
        </p>

        <b id="gitalk-but" style="cursor: pointer;user-select: none;display: none;" onclick="showNote()">
            留言板
            <img style="height: 24px; position: relative; top: 6px; margin-left: 3px;" src="./_media/icon/留言板.png" />
        </b>
        <!-- example -->
        <!-- <a href="#/zh-cn/">中文</a> -->
    </nav>

    <!-- docsify 内容渲染 -->
    <div id="app">装填中...</div>

    <!-- gitalk 评论内容渲染 -->
    <div id="gitalk-container" class="gitalk-container" onclick="doNothing()"></div>

    <script src="./index.js"></script>

    <script>
        window.$docsify = {
            name: '虾爬の',
            repo: '',
            logo: '/_media/favicon.ico',
            // onlyCover: true,
            // coverpage: true, // 封面
            loadSidebar: true,
            subMaxLevel: 2,
            auto2top: true,
            mergeNavbar: true,

            // 字数统计
            count: {
                countable: true,
                fontsize: '0.9em',
                color: 'rgb(90,90,90)',
                language: 'chinese',
            },

            // 谷歌分析
            ga: 'G-TL8ED3L6HP',

            search: {
                placeholder: '搜索',
                noData: '没没没有结果',
                hideOtherSidebarContent: true, // 是否隐藏其他侧边栏内容
            },

            markdown: {
                renderer: {
                    code: function (code, lang) {
                        if (lang === "tex") {
                            return (
                                '<p class="tex">' +
                                katex.renderToString(code, {
                                    throwOnError: false
                                }) +
                                '</p>'
                            );
                        }
                        return this.origin.code.apply(this, arguments);
                    }
                }
            }
        }
    </script>

    <!-- Docsify v4 -->
    <script src="//cdn.jsdelivr.net/npm/docsify@4"></script>

    <!-- 字数统计 -->
    <script src="//unpkg.com/docsify-count/dist/countable.js"></script>

    <!-- 搜索 -->
    <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/search.min.js"></script>

    <!-- 谷歌分析 -->
    <!-- <script src="//cdn.jsdelivr.net/npm/docsify/lib/docsify.min.js"></script> -->
    <!-- <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/ga.min.js"></script> -->

    <!-- Gitalk，一个现代化的，基于Preact和Github Issue的评论系统。 -->
    <!-- 下面这个脚本会在每个文章下出现评论 -->
    <!-- <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/gitalk.min.js"></script> -->
    <script src="//cdn.jsdelivr.net/npm/gitalk/dist/gitalk.min.js"></script>
    <script>
        const gitalk = new Gitalk({
            clientID: '31afa461ead75ccc76b7',
            clientSecret: '0c842863a7e2a16d68a033f2fd0e66b6de26abf4',
            repo: 'xiapazhi.github.io',
            owner: 'xiapazhi',
            admin: ['xiapazhi'],
            // facebook-like distraction free mode
            distractionFreeMode: false,
            id: 'leave/words',
        })

        gitalk.render('gitalk-container')
    </script>

    <!-- 图片缩放 -->
    <script src="//cdn.jsdelivr.net/npm/docsify/lib/plugins/zoom-image.min.js"></script>

    <!-- 看板娘 这个比较繁复 -->
    <!-- <script src="https://cdn.jsdelivr.net/gh/xiapazhi/live2d-widget@latest/autoload.js"></script> -->

    <!-- 看板娘 -->
    <script src="https://unpkg.com/live2d-widget/lib/L2Dwidget.min.js"></script>
    <script>
        L2Dwidget.init({
            "model": {
                //jsonpath控制显示那个小萝莉模型，
                //(切换模型需要改动)
                jsonPath: "https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json",
                // jsonPath: "https://unpkg.com/live2d-widget-model-izumi@1.0.5/assets/izumi.model.json",
                "scale": 1
            },
            "display": {
                "position": "right", //看板娘的表现位置
                "width": 210,  //小萝莉的宽度
                "height": 420, //小萝莉的高度
                "hOffset": 0,
                "vOffset": -80
            },
            "mobile": {
                "show": false,
                "scale": 0.5
            },
            "react": {
                "opacityDefault": 0.7,
                "opacityOnHover": 0.2
            }
        });
    </script>
</body>

</html>